  // 1.1 获取裁剪区域的 DOM 元素
  let $image = $('#image')
  // 1.2 配置选项
  const options = {
      // 纵横比
      aspectRatio: 1,
      // 指定预览区域
      preview: '.img-preview'
  }

  // 1.3 创建裁剪区域
  $image.cropper(options);
  $('#possBtn').click(function () {
      $("#poss").click();
  });
  $("#poss").on("change", function (e) {
      let fileList = e.target.files;
      if (fileList.length === 0) return layui.layer.msg('请上传图片')
      let imgURL = URL.createObjectURL(fileList[0]);
      $image
          .cropper('destroy') // 销毁旧的裁剪区域
          .attr('src', imgURL) // 重新设置图片路径
          .cropper(options) // 重新初始化裁剪区域
  });
  $("#sureBtn").click(function () {
      let dataURL = $image
          .cropper('getCroppedCanvas', { // 创建一个 Canvas 画布
              width: 100,
              height: 100
          })
          .toDataURL('image/png') // 将 Canvas 画布上的内容，转化为 base64 格式的字符串
      $.ajax({
          type: 'POST',
          url: '/my/update/avatar',
          data: {
              avatar: dataURL
          },
          success: res => {
              const {
                  status,
                  message
              } = res;
              if (status !== 0) return layui.layer.msg(message);
              window.parent.getUser();
          }
      })
  })